.nav{
	
	height: 400rpx;
	position: relative;

	.nav-bg{
		background-color: #313131;
		width: 750rpx;
		height: 350rpx;
		border-bottom-left-radius:200rpx ;
		border-bottom-right-radius:200rpx ;
		position: absolute;
		z-index: -3;
		
	}
	.nav-section{
		display: flex;
		color: white;
		justify-content: space-between;
		view{
			width: 400rpx;
			padding: 0 25rpx;
			background-color: #5c5c5c;
			display: flex;
			align-items: center;
			border-top-right-radius: 30rpx;
			border-bottom-right-radius: 30rpx;
			.little-pic{
				border-radius: 50%;
			}
		}
		text{
			margin-right: 25rpx;
		}
	}
	.card{
		
		height: 380rpx;
		margin-top: 20rpx;
		background-image: url("/static/images/huiyuan108.png");
		background-repeat: no-repeat;
		border: 1px solid transparent;
		.card-item{
			width: 500rpx;
			height:120rpx;
			margin: 80rpx 0 0 100rpx;
			display: flex;
			>image{
				width: 120rpx;
				height: 120rpx;
			}
			>view{
				height: 120rpx;
				line-height: 60rpx;
				padding-left: 20rpx;
				.tops{
					display: flex;
					align-items: center;
					text{
						font-size: 43rpx;
						font-weight: bold;
						color: #7b5b21;
					}
					
					view{
						width: 100rpx;
						height: 40rpx;
						line-height: 40rpx;
						text-align: center;
						border-radius: 20rpx;
							color: #7b5b21;;
						margin-left: 20rpx;
						background-color: #a5a5a5;
					}
				}
			}
		}
	}
}
.three{
	width: 680rpx;
	height: 200rpx;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	>view{
		width: 180rpx;
		padding: 20rpx 20rpx;
		box-sizing: border-box;
		height: 100%;
		background-color: white;
		border: 1px solid #e0e0e0;
		text-align: center;
		text:nth-of-type(1){
			font-size: 35rpx;
		}
		text:nth-of-type(2){
			font-size: 43rpx;
			display: block;
			margin: 15rpx 0 15rpx;
			color: #deb264;
		}
		text:nth-of-type(3){
			font-size: 35rpx;
			color: #a49fa0;
			text-decoration: line-through;
		}
	}
}
.tuijian{
	display: block;
	width: 95rpx;
	height: 50rpx;
	line-height: 50rpx;
	text-align: center;
	color: white;
	background-image: url("/static/images/tuijian.png");
	background-repeat: no-repeat;
	position: absolute;
	left: 30rpx;
	top:380rpx
	
}
.calls{
	width: 680rpx;
	margin: 20rpx auto;
	color: #6f5932;
	.tuijian2{
		display: inline-block;
		width: 95rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		color: #67522e;
		background-image: url("/static/images/tuijian.png");
		background-repeat: no-repeat;
		margin-right: 20rpx;
	}
}
.btn{
	width: 680rpx;
	background-color: #fcf1d3;
	color: #bba16a;
}
.big{
	
	border: 1px solid transparent;
	height: 1100rpx;
	background-color: #f5f7fa;
	margin-top: 30rpx;
	.lit{
		height: 1000rpx;
		margin-top: 50rpx;
		padding: 20rpx;
		box-sizing: border-box;
		background-color: #ffffff;
		>text{
			font-size: 40rpx;
		}
		.ones{
			height: 200rpx;
			display: flex;
			margin-top: 20rpx;
			>image{
				width: 150rpx;
				height: 150rpx;
			}
			view{
				height: 100rpx;
				margin-top: 25rpx;
				margin-bottom: 22rpx;
				margin-left: 25rpx;
				
				text{
					display: block;
				}
				text:nth-of-type(1){
					font-size: 40rpx;
				}
				text:nth-of-type(2){
					font-size: 28rpx;
					color: #d9d9d9;
				}
			}
		
		}
	}
}
.footer{
	padding: 20rpx;
	box-sizing: border-box;
	.titles{
		font-size: 40rpx;
		margin-bottom: 35rpx;
	}
	text{
		display: block;
		margin-bottom: 5rpx;
		color: #cacaca;
	}
}
.three >view.active {
	background-color: #fbf7ef;
}
.motaiBaBa{
	width: 100vw;
	height: 100vh;
	background-color: rgba(130,130,130,0.8);
	position: fixed;
	
	left: 0;
	top: 0;
}
.motai{
	width: 750rpx;
	height:485rpx;
	background-color: white;
	padding: 20rpx;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	.firstone{
		text:nth-of-type(1){
			color: #f0d9b4;
			margin-right: 270rpx;
		}
	}
	.three{
		margin-top: 30rpx;
		position: relative;
	}
}
.tuijian-two{
	display: block;
	width: 149rpx;
	height: 68rpx;
	line-height: 65rpx;
	padding-left: 10rpx;
	box-sizing: border-box;
	color: white;
	background-image: url("/static/images/zhangjia.png");
	background-repeat: no-repeat;
	background-size:contain;
	font-size: 28rpx;
	position: absolute;
	left: 30rpx;
	top:380rpx;
	position: absolute;
	left: -12rpx;
	top: -25rpx;
	
}
.ok{
	font-size: 27rpx;
}
.buy{
	background-color: #fcf1d3;
	color: #a98c4f;
}